<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="kewords" content="多媒体技术">
  <meta name="description" content="">
  <meta name="author" content="沈凯然">
  <title>多媒体技术</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css">   <!--引用bootstrap-->
  <link rel="stylesheet" href="./css/font-awesome.min.css">   <!--引用awesome图标库-->
  <link rel="stylesheet" href="./css/owl.carousel.css">   <!--引用jquery owl.carousel幻灯片插件-->
  <link rel="stylesheet" href="./css/style.css">   <!--自定义样式表-->
  <link rel="stylesheet" href="./css/responsive.css">   <!--引用responsive响应式框架-->
</head>
<body>
  <canvas class="flare"></canvas>
  <canvas class="snow"></canvas>
  <canvas class="flake"></canvas>
  <div class="header-area">
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <div class="user-menu">
            <ul>
              <li><a href="#"><i class="fa fa-user"></i> 个人中心</a></li>
              <li><a href="#"><i class="fa fa-heart"></i> 我的收藏</a></li>
              <li><a href="#"><i class="fa fa-shopping-cart"></i> 学习记录</a></li>
              <li><a href="#"><i class="fa fa-sign-out"></i> 退出登录</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="site-branding-area">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <div class="logo">
            <img src="./images/图片/校徽.jpeg" alt="">
            <h2>多媒体技术</h2>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="shopping-item"> <i class="fa fa-shopping-cart">学习记录</i> <span class="product-count">5</span> </div>
        </div>
      </div>
    </div>
  </div>
  <div class="mainmenu-area">
    <div class="container">
      <div class="row">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span
              class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>
            <span class="icon-bar"></span> </button>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">课程简介</a></li>
            <li><a href="image.html">图像处理</a></li>
            <li><a href="sound.html">音频处理</a></li>
            <li><a href="video.html">视频处理</a></li>
            <li><a href="test.html">测试练习</a></li>
            <li><a href="https://bb.dlmu.edu.cn/webapps/bb-sso-BBLEARN/index.jsp">查看更多</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="slider-area">
    <div class="block-slider block-slider4">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <ul id="bxslider-home4">
              <li> <img src="./images/图片/海事大学.jpg" alt="Slide"> </li>
              <li><img src="./images/图片/老师简介.jpg" alt="Slide"> </li>
              <li><img src="./images/图片/课程宣传.jpg" alt="Slide"> </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="promo-area">
    <div class="zigzag-bottom"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm-6">
          <div class="single-promo promo1"> <i class="fa fa-refresh"></i>
            <p>7天无理由退课</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="single-promo promo2"> <i class="fa fa-truck"></i>
            <p>技术支持</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="single-promo promo3"> <i class="fa fa-lock"></i>
            <p>名师保障</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="single-promo promo4"> <i class="fa fa-gift"></i>
            <p>豪华教室</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="maincontent-area">
    <div class="zigzag-bottom"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="latest-product">
            <h2 class="section-title">观看最多</h2>
            <div class="product-carousel">
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI Mate 40 RS.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i
                        class="fa fa-shopping-cart"></i>加入购物车</a> <a href="single-product.html"
                      class="view-details-link"><i class="fa fa-link"></i> 点击查看</a> </div>
                </div>
                <h2><a href="single-product.html">HUAWEI Mate 40 RS</a></h2>
                <div class="product-carousel-price"> <ins>12999元</ins> <del>13999元</del> </div>
              </div>
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI mate30 pro 5G.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i
                        class="fa fa-shopping-cart"></i>加入购物车</a> <a href="single-product.html"
                      class="view-details-link"><i class="fa fa-link"></i> 点击查看</a> </div>
                </div>
                <h2>HUAWEI mate30 pro 5G</h2>
                <div class="product-carousel-price"> <ins>5899元</ins> </div>
              </div>
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI nova 7.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>
                      加入购物车</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>
                      点击查看</a> </div>
                </div>
                <h2>HUAWEI nova 7</h2>
                <div class="product-carousel-price"> <ins>2999元</ins> <del>3999元</del> </div>
              </div>
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI nova 8 SE.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>
                      加入购物车</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>
                      点击查看</a> </div>
                </div>
                <h2><a href="single-product.html">HUAWEI nova 8 SE</a></h2>
                <div class="product-carousel-price"> <ins>2599元</ins> <del>2698元</del> </div>
              </div>
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI P40 Pro+ 5G.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i
                        class="fa fa-shopping-cart"></i>加入购物车</a> <a href="single-product.html"
                      class="view-details-link"><i class="fa fa-link"></i> 点击查看</a> </div>
                </div>
                <h2>HUAWEI P40 Pro+ 5G</h2>
                <div class="product-carousel-price"> <ins>6488元</ins> <del>6588元</del> </div>
              </div>
              <div class="single-product">
                <div class="product-f-image"> <img src="./img/HUAWEI maimang9.png" alt="">
                  <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>
                      加入购物车</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i>
                      点击查看</a> </div>
                </div>
                <h2><a href="single-product.html">HUAWEI maimang9</a></h2>
                <div class="-price"> <ins>2199 元</ins><del>2299元</del> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="maincontent-area">
    <div class="zigzag-bottom"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="latest-product">
            <h2 class="section-title">考试热点</h2>
            <div class="container">
              <div class="row">
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI Mate30 RS.png" alt="">
                </div>
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI nova 7 pro.png" alt="">
                </div>
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI changxiang20 Pro.png" alt="">
                </div>
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI changxiangZ.png" alt="">
                </div>
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI changxiang20 Plus.png" alt="">
                </div>
                <div class="col-md-2 col-sm-6 hot-list">
                  <img src="./img/HUAWEI changxiang20.png" alt="">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="product-widget-area">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="single-product-widget">
            <h2 class="product-wid-title">返回顶部</h2>
            <a href="" class="wid-view-more">Top⬆</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-top-area">
    <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm-6">
          <div class="footer-about-us">
            <h2 class="footer-wid-title">多媒体技术小组</h2>
            <p>版权所有 © 沈凯然 / 辽ICP备xxxxx号</p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="footer-menu">
            <h2 class="footer-wid-title">服务支持</h2>
            <ul>
              <li>xxxx</li>
              <li>xxxx</li>
              <li>xxxx</li>
              <li>xxxx</li>
              <li>xxxx</li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="footer-menu">
            <h2 class="footer-wid-title">关于我们</h2>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="footer-newsletter">
            <h2 class="footer-wid-title">关注我们</h2>
            <li>xx微博</li>
            <li>xx公众号</li>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/jquery.min.js"></script>   <!--引用jQuery-->
  <script src="./js/bootstrap.min.js"></script>   <!--引用bootstrap-->
  <script src="./js/owl.carousel.min.js"></script>   <!--引用jQuery owl.carousel 幻灯片插件-->
  <script src="./js/jquery.sticky.js"></script>   <!--引用jQuery-->
  <script src="./js/jquery.easing.1.3.min.js"></script>   <!--引用jQuery-->
  <script src="./js/main.js"></script>   <!--自定义js-->
  <script type="text/javascript" src="./js/bxslider.min.js"></script>   <!--响应式jQuery的内容滑块插件bxslider-->
  <script type="text/javascript" src="./js/script.slider.js"></script>   <!--JS-slider.js实现鼠标拖动滑块控制取值特效-->
  <script type="text/javascript" src="js/jquery.let_it_snow.js"></script> 
</body>

</html>